<!DOCTYPE html>
<html lang="zh">
<include file = "Public/head"/>
<body>
<include file = "Public/header"/>
<div class="banner">
<div class="W_bann" id="box">
      <ul id="slider">

        <li style="display: list-item; background: url(__IMG__/ban2_evzz.jpg) 50% 0% no-repeat;">
          <div class="element e6">
            <div class="thumb b2" style="position: relative; z-index: 97; right: 22px; opacity: 1;" data-move="22" data-proy="1000">
            <div class="ban-text">
                <p>亚洲唯一、全球领先的世界级全职教授团队</p>
                <span>Full-time professor</span>
                <div class="ms">Asia's only, the world's leading world-class full-time </br>
professor of the team</div>
                <div class="gd"><a href="#">查看详情</a></div>
            
            </div>
            </div>
          </div>
        </li>
<li style="display: list-item; background: url(__IMG__/ban_23y8.jpg) 50% 0% no-repeat;">
          <div class="element e6">
            <div class="thumb b2" style="position: relative; z-index: 97; right: 22px; opacity: 1;" data-move="22" data-proy="1000">
            <div class="ban-text">
                <p>亚洲唯一、全球领先的世界级全职教授团队</p>
                <span>Full-time professor</span>
                <div class="ms">Asia's only, the world's leading world-class full-time </br>
professor of the team</div>
                <div class="gd"><a href="#">查看详情</a></div>
            
            </div>
            </div>
          </div>
        </li>
      </ul>      
      <div class="W_auto" id="num">
        <div id="W_li_point" class="point"><span class="on">0</span><span class="on">1</span></div>
    </div>
   </div> 
</div>
<div class="service">
	<div class="container1200">
		<div class="ser1 lf">
		<a href="{:U('Article/detail/id/12')}">
			<div class="lf ser-img"><img src="__IMG__/home_feature1_ju4n.png" width="70" height="70"></div>
			<div class="lf ser-title">
				<h4>各地区云端教学服务中心</h4>
				<p>我们的团队24小时为您服务</p>
			</div>
			</a>
		</div>
		<div class="ser1 lf">
		<a href="{:U('Article/detail/id/13')}">
			<div class="lf ser-img"><img src="__IMG__/home_feature2_n0ou.png" width="70" height="70"></div>
			<div class="lf ser-title">
				<h4>各地区云端教学服务站</h4>
				<p>我们的团队24小时为您服务</p>
			</div>
			</a>
		</div>
		<div class="ser1 lf">
		<a href="{:U('Article/detail/id/14')}">
			<div class="lf ser-img"><img src="__IMG__/home_feature3_hdhb.png" width="70" height="70"></div>
			<div class="lf ser-title">
				<h4>云端课堂学习型组织联盟</h4>
				<p>我们的团队24小时为您服务</p>
			</div>
			</a>
		</div>
	</div>
</div> 
<div class="container1200">
	<div class="title2 aos-init aos-animate" data-aos="fade-up" data-aos-delay="50" data-aos-anchor-placement="top-bottom">
		<h4>Select class</h4>
		<span>我要选课</span>
	</div>
	<div class="class">
		<ul>
			<li class=" aos-init aos-animate" data-aos="fade-right" data-aos-anchor-placement="top-bottom" data-aos-delay="110">
				<a href="{:U('Article/index/category/51')}">
				<div class="class-img"><img src="__IMG__/p07_q1al.jpg"></div>
				<div class="class-text">
					<h4>云端公开课</h4>
					<span>权威认证企业</span></div>
				</a>
			</li>
			<li class=" aos-init aos-animate" data-aos="fade-right" data-aos-anchor-placement="top-bottom" data-aos-delay="120">
				<a href="{:U('Article/index/category/52')}">
				<div class="class-img"><img src="__IMG__/p07_q1al.jpg"></div>
				<div class="class-text">
					<h4>云端课程直播</h4>
					<span>权威认证企业</span></div>
				</a>
			</li>
			<li class=" aos-init aos-animate" data-aos="fade-right" data-aos-anchor-placement="top-bottom" data-aos-delay="130">
				<a href="{:U('Article/index/category/53')}">
				<div class="class-img"><img src="__IMG__/p07_q1al.jpg"></div>
				<div class="class-text">
					<h4>云端课程点播</h4>
					<span>权威认证企业</span></div>
				</a>
			</li>
			<li style="margin-right:0" class=" aos-init aos-animate" data-aos="fade-right" data-aos-anchor-placement="top-bottom" data-aos-delay="140">
				<a href="{:U('Article/detail/id/47')}">
				<div class="class-img"><img src="__IMG__/p07_q1al.jpg"></div>
				<div class="class-text">
					<h4>手机移动学习端</h4>
					<span>权威认证企业</span></div>
				</a>
			</li>
		</ul>
	</div>
	<div class="more"><a href="{:U('Article/index/category/45')}"></a></div>
</div>  
<div class="news_bg">
	<div class="container1200">
		<div class="title1 aos-init aos-animate" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-delay="50">
		<h4>News Center</h4>
		<span>新闻资讯</span>
	</div>
	<div class="news_con">
		<div class="news_l aos-init aos-animate" data-aos="fade-right" data-aos-anchor-placement="top-bottom" data-aos-delay="50">

		<script type="text/javascript" src="__JS__/koala.min.1.5.js"></script>
<div id="fsD1" class="focus" >

    <div id="D1pic1" class="fPic">
		<ul>
			<article:position pos="4" limit="'0,4'" cate="42" name="info">
			<li>
				<div class="fcon" style="display: none;">
					<a target="_blank" href="{:U('Article/detail/id/'.$info['id'])}"><img src="{:get_cover($info['cover_id'],'path')}" style="opacity: 1; "></a>
					<span class="shadow"><a target="_blank" href="{:U('Article/detail/id/'.$info['id'])}">{$info.title}</a></span>
				</div>
			</li>
			</article:position>
		</ul>
	</div>


    <div class="fbg">  
    <div class="D1fBt" id="D1fBt">  
        <a href="javascript:void(0)" hidefocus="true" target="_self" class=""><i>1</i></a>  
        <a href="javascript:void(0)" hidefocus="true" target="_self" class=""><i>2</i></a>  
        <a href="javascript:void(0)" hidefocus="true" target="_self" class="current"><i>3</i></a>  
        <a href="javascript:void(0)" hidefocus="true" target="_self" class=""><i>4</i></a>  
    </div>  
    </div>  
    <span class="prev"></span>   
    <span class="next"></span>    
</div>
<script type="text/javascript">
	Qfast.add('widgets', { path: "__JS__/terminator2.2.min.js", type: "js", requires: ['fx'] });  
	Qfast(false, 'widgets', function () {
		K.tabs({
			id: 'fsD1',   //焦点图包裹id  
			conId: "D1pic1",  //** 大图域包裹id  
			tabId:"D1fBt",  
			tabTn:"a",
			conCn: '.fcon', //** 大图域配置class       
			auto: 1,   //自动播放 1或0
			effect: 'fade',   //效果配置
			eType: 'click', //** 鼠标事件
			pageBt:true,//是否有按钮切换页码
			bns: ['.prev', '.next'],//** 前后按钮配置class                          
			interval: 3000  //** 停顿时间  
		}) 
	})  
</script>
</div>
		<div class="news_r aos-init aos-animate" data-aos="fade-left" data-aos-anchor-placement="top-bottom" data-aos-delay="50">
			<ul>
				<article:position pos="4" limit="'4,1'" cate="42" name="info">
				<li><a href="{:U('Article/detail/id/'.$info['id'])}">
					<div class="news_img"><img src="__IMG__/b01_qtb6.jpg"></div>
					<div class="news_text">
					<h4>{$info.title}</h4>
					<p>{$info.description}</p>
				</div>
				</a></li>
				</article:position>
				<article:position pos="4" limit="'5,1'" cate="42" name="info">
				<li style="border:0"><a href="{:U('Article/detail/id/'.$info['id'])}">
				<div class="news_img"><img src="__IMG__/22222.jpg"></div>
				<div class="news_text">
					<h4>{$info.title}</h4>
					<p>{$info.description}</p>
					<span>{$info.update_time|date='Y-m-d',###}</span>
				</div>
				</a></li>
				</article:position>
				<article:position pos="4" limit="'6,1'" cate="42" name="info">
				<li><a href="{:U('Article/detail/id/'.$info['id'])}">
				<div class="news_img"><img src="__IMG__/b03_qmq3.jpg"></div>
				<div class="news_text">
					<h4>{$info.title}</h4>
					<p>{$info.description}</p>
				</div>
				</a></li>
				</article:position>
			</ul>
		</div>
	</div>
	<div class="more"><a href="{:U('Article/index/category/42')}"></a></div>
	</div>
</div>
<div class="container1200">
	<div class="title2 aos-init aos-animate" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-delay="50">
		<h4>Platform activity</h4>
		<span>云端平台活动</span>
	</div>
	<div class="active">
		<div class="active-fl  aos-init aos-animate" data-aos="fade-right" data-aos-anchor-placement="top-bottom" data-aos-delay="110">
		<a  href="#">
			<div class="active-img"><img src="__IMG__/index2_03.png"></div>
			<div class="active-text">
				<h4>云端论坛</h4>
				<span>交流学习</span>
			</div>
			</a>
		</div>
		<div class="active-xt  aos-init aos-animate" data-aos="fade-right" data-aos-anchor-placement="top-bottom" data-aos-delay="105"></div>
		<div class="active-fl  aos-init aos-animate" data-aos="fade-right" data-aos-anchor-placement="top-bottom" data-aos-delay="110">
		<a  href="#">
			<div class="active-img"><img src="__IMG__/index2_05.png"></div>
			<div class="active-text">
				<h4>云端沙龙</h4>
				<span>交流学习</span>
			</div>
			</a>
		</div>
		<div class="active-xt  aos-init aos-animate" data-aos="fade-right" data-aos-anchor-placement="top-bottom" data-aos-delay="115"></div>
		<div class="active-fl  aos-init aos-animate" data-aos="fade-right" data-aos-anchor-placement="top-bottom" data-aos-delay="120">
		<a  href="#">
			<div class="active-img"><img src="__IMG__/index2_07.png"></div>
			<div class="active-text">
				<h4>云端私董会</h4>
				<span>交流学习</span>
			</div>
			</a>
		</div>
		<div class="active-xt  aos-init aos-animate" data-aos="fade-right" data-aos-anchor-placement="top-bottom" data-aos-delay="125"></div>
		<div class="active-fl  aos-init aos-animate" data-aos="fade-right" data-aos-anchor-placement="top-bottom" data-aos-delay="130">
		<a  href="#">
			<div class="active-img"><img src="__IMG__/index2_09.png"></div>
			<div class="active-text">
				<h4>云端党校</h4>
				<span>交流学习</span>
			</div>
			</a>
		</div>
		<div class="active-xt  aos-init aos-animate" data-aos="fade-right" data-aos-anchor-placement="top-bottom" data-aos-delay="135"></div>
		<div class="active-fl  aos-init aos-animate" data-aos="fade-right" data-aos-anchor-placement="top-bottom" data-aos-delay="140">
		<a  href="#">
			<div class="active-img"><img src="__IMG__/index2_11.png"></div>
			<div class="active-text">
				<h4>云端会议</h4>
				<span>交流学习</span>
			</div>
			</a>
		</div>

	</div>
</div>
<div class="about">
	<div class="container1200">
		<div class="title1 aos-init aos-animate" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-delay="50">
		<h4>about us</h4>
		<span>关于我们</span>
	</div>
	<div class="news_con">
    <div class="about_l aos-init aos-animate" data-aos="fade-right" data-aos-anchor-placement="top-bottom" data-aos-delay="50">
    	<div class="about-l-lb">
    		<div class="about_img"><img src="__IMG__/dz_egld.jpg"></div>
    		<div class="about_text">
				<h4>公司地址</h4>
				<p>长春市经济技术开发区临河街与北海路交汇鸿基公寓601-1室</p>
			</div>
    	</div>
    	<div class="about-l-lb">
    		<div class="about_img"><img src="__IMG__/dh1_5wsk.jpg"></div>
    		<div class="about_text">
				<h4>联系电话</h4>
				<p>0431-89900057</p>
			</div>
    	</div>
    	<div class="about-l-lb">
    		<div class="about_img"><img src="__IMG__/yx_fmqv.jpg"></div>
    		<div class="about_text">
				<h4>电子邮箱</h4>
				<p>jl_edp@126.com </p>
			</div>
    	</div>
    </div>
    <div class="about_r aos-init aos-animate" data-aos="fade-left" data-aos-anchor-placement="top-bottom" data-aos-delay="50">
    	<h4>我们一直在为客户提供优秀的服务</h4>
    	<p>为推动全省企业管理培训运用互联网+技术，创新企业管理培训模式，降低企业的学习成本，提升企业管理人员培训的效率和效益，吉林省云端智荟教育开发有限公司对国内外互联网教育模式和各种应用软件的基础功能进行了广泛的调研，结合吉林省企业人力资源队伍的实际状况，确定了吉林省云端课堂建设的技术路线和总体方案，吉林省云端智荟教育开发有限公司云端课堂主课堂设在吉林大学管理学院2楼格致厅。</p>
    	<a href="{:U('Article/detail/id/2')}" class="gd1">查看更多 >></a>
    </div>
	</div>
</div>
<div class="fx">
	<a href="#"><img src="__IMG__/wb_lwuo.png"></a>
    <a href="#"><img src="__IMG__/wx_tjlz.png"></a>
    <a href="#"><img src="__IMG__/qq_w45d.png"></a>
</div>
</div>

	<div class="container1200">
		<div class="title2 aos-init aos-animate" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-delay="50">
		<h4>Links</h4>
		<span>友情链接</span>
	</div>
		<script src="__JS__/jQuery-jcMarquee.js" type="text/javascript"></script>
		<script>
            $(function(){
                $('#Marquee_x').jcMarquee({ 'marquee':'x','margin_right':'10px','speed':20 });
                // DIVCSS5提示：10px代表间距，第二个20代表滚动速度
            });
		</script>
<div id="Marquee_x">
        <ul style="width: 1000%;">
			<article:link name="info" category="55">
				<li style="margin-right: 10px;" class="aos-init aos-animate" data-aos="fade-right" data-aos-anchor-placement="top-bottom" data-aos-delay="110">
					<div style="margin-right: 10px;"><a href="{$info.url}" target="_blank"><img src="{:get_cover($info['cover_id'],'path')}"></a></div>
				</li>
			</article:link>
		</ul>
    </div>
</div>

<include file = "Public/footer"/>

<!--视频 开始-->

<include file = "Public/video"/>


<div id="leftsead">
	<ul>
	     <li>
			<a id="top_btn">
				<img src="__IMG__/ll06.png" width="47" height="49" class="hides"/>
				<img src="__IMG__/l06.png" width="47" height="49" class="shows" />
			</a>
		</li>

		<li>
			<a href="">
				<img src="__IMG__/ll03.png"  width="47" height="49" class="hides"/>
				<img src="__IMG__/l03.png" width="47" height="49" class="shows" />
			</a>
		</li>

		<li>
			<a href="">
					<img src="__IMG__/ll02.png" width="166" height="49" class="hides"/>
				<img src="__IMG__/l04.png" width="47" height="49" class="shows" />
			</a>
		</li>

		<li>
			<a class="youhui">
				<img src="__IMG__/l02.png" width="47" height="49" class="shows" />
				<img src="__IMG__/ewm.png" width="150" height="150" class="hides" usemap="#taklhtml"/>
			</a>
		</li>
	
	
	
	</ul>
</div><!--leftsead end-->


<script type="text/javascript">
$(document).ready(function(){

	$("#leftsead a").hover(function(){
		if($(this).prop("className")=="youhui"){
			$(this).children("img.hides").show();
		}else{
			$(this).children("img.hides").show();
			$(this).children("img.shows").hide();
			$(this).children("img.hides").animate({marginRight:'0px'},'slow'); 
		}
	},function(){ 
		if($(this).prop("className")=="youhui"){
			$(this).children("img.hides").hide('slow');
		}else{
			$(this).children("img.hides").animate({marginRight:'-143px'},'slow',function(){$(this).hide();$(this).next("img.shows").show();});
		}
	});

	$("#top_btn").click(function(){if(scroll=="off") return;$("html,body").animate({scrollTop: 0}, 600);});

});
</script>
</body>
</html>


